<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link href="css/lightbox.css" rel="stylesheet" />


<a href="img/demopage/image-2.jpg" data-lightbox="test" ><img style="width: 100px; height: 100px" src="img/demopage/image-2.jpg"/></a>
<a href="img/demopage/image-3.jpg" data-lightbox="test"><img style="width: 100px; height: 100px" src="img/demopage/image-3.jpg"/></a>
<a href="img/demopage/image-4.jpg" data-lightbox="test"><img style="width: 100px; height: 100px" src="img/demopage/image-4.jpg"/></a>

<script type="text/javascript">
  //  $("#test").rotate(45);
</script>
</body>
</html>